*{
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

/* 清除浮动影响 */
.clear::before,
.clear::after {
    display: table;
    content: '';
}
.clear::after {
    clear: both;
}

/* 头部 */
.xzh-headup {
    background-color: rgb(240, 236, 236);
    height: 47px;
    line-height: 47px;
}


.xzh-headup-left {
    float: left;
    font-size: 17px;
    padding-left: 15px;
}

.xzh-headup-right {
  float: right;
  font-size: 17px;
  padding-right: 15px;
  cursor: pointer;
}

/* 主体左 */
.xzh-subject-left {
    float: left;
}
/* 上 */
.xzh-left-up {
    width: 400px;
    height: 270px;
    background-color: rgb(156, 105, 238);
}

.xzh-left-up img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 10px 140px;
}

.xzh-left-up p {
    text-align: center;
    color: #fff;
}

/*  */
.xzh-left-center1 {
    width: 400px;
    height: 70px;
    line-height: 70px;
    background-color: #efefef;
}

.xzh-left-center1-p1 {
    float: left;
    margin: 0;
    padding-left: 10px;
}

.xzh-left-center1-p2 {
    float: right;
    margin: 0;
    padding-right: 10px;
}

/*  */
.xzh-left-center2 {
    width: 400px;
    height: 70px;
    line-height: 70px;
    background-color: #efefef;
    margin: 2px 0;
}

.xzh-left-center2-p1 {
    float: left;
    margin: 0;
    padding-left: 10px;
}

.xzh-left-center2-p2 {
    float: right;
    margin: 0;
    padding-right: 10px;
}

/*  */
.xzh-left-down {
    width: 400px;
    height: 70px;
    line-height: 70px;
    background-color: #efefef;
}

.xzh-left-down-p1 {
    float: left;
    padding-left: 10px;
}

.xzh-left-down-p2 {
    float: right;
    padding-right: 10px;
}

/* 关于老师 */
.xzh-guanyu {
    width: 400px;
    height: 120px;
    /* line-height: 120px; */
    background-color: #efefef;
    margin-top: 15px;
}

.xzh-guanyu-p1 {
    padding: 10px 0 0px 10px;
    font-weight: 600;
}

.xzh-guanyu-p2 {
    text-align: center;
    text-indent: 28px;
    padding: 0 8px;
}

.xzh-xingbie {
    width: 400px;
    height: 70px;
    line-height: 70px;
    background-color: #efefef;
    margin-top: 2px;
}

.xzh-xingbie-s1 {
    float: left;
    padding-left: 10px;
}

.xzh-xingbie-s2 {
    float: right;
    padding-right: 10px;
}


/*  */
.xzh-shouke {
    float: left;
    width: 132px;
    height: 120px;
    background-color: #efefef;
    margin-top: 2px;
    margin-right: 2px;
}

.xzh-shouke-p1 {
    color: rgb(119, 0, 255);
    font-size: 20px;
    float: left;
    padding-left: 20px;
    padding-top: 25px;
}

.xzh-shouke-p2 {
    float: left;
    padding-top: 33px;
    padding-left: 3px;
    font-size: 12px;
}

.xzh-shouke-p3 {
    text-align: center;
}


.xzh-huojiang {
    float: left;
    width: 132px;
    height: 120px;
    background-color: #efefef;
    margin-top: 2px;
    margin-right: 2px;
}

.xzh-huojiang-p1 {
    color: rgb(119, 0, 255);
    font-size: 20px;
    float: left;
    padding-left: 20px;
    padding-top: 25px;
}

.xzh-huojiang-p2 {
    float: left;
    padding-top: 33px;
    padding-left: 3px;
    font-size: 12px;
}

.xzh-huojiang-p3 {
    text-align: center;
}

.xzh-haoping {
    float: left;
    width: 132px;
    height: 120px;
    background-color: #efefef;
    margin-top: 2px;
    /* margin-right: 2px; */
}

.xzh-haoping-p1 {
    color: rgb(119, 0, 255);
    font-size: 20px;
    float: left;
    padding-left: 20px;
    padding-top: 25px;
}

.xzh-haoping-p2 {
    float: left;
    padding-top: 33px;
    padding-left: 3px;
    font-size: 12px;
}

.xzh-haoping-p3 {
    text-align: center;
}

/* 专长 */
.xzh-expertise {
    width: 400px;
    height: 300px;
    background-color: #efefef;
    margin-top: 15px;
}

.xzh-expertise-p {
    padding: 10px 0 20px 10px;
}

.xzh-english-p1 {
    float: left;
    padding-left: 10px;
}

.xzh-english-p2 {
    float: right;
    padding-right: 10px;
}

.xzh-english {
    width: 308px;
    margin-left: 46px;
}

.xzh-chinese-p1 {
    float: left;
    padding-left: 10px;
}

.xzh-chinese-p2 {
    float: right;
    padding-right: 10px;
}

.xzh-chinese {
    margin-top: 30px;
    width: 308px;
    margin-left: 46px;
}

.xzh-French-p1 {
    float: left;
    padding-left: 10px;
}

.xzh-French-p2 {
    float: right;
    padding-right: 10px;
}

.xzh-French {
    margin-top: 30px;
    width: 308px;
    margin-left: 46px;
}

/* 主体右边 */
.xzh-subject-right {
    float: right;
    width: 730px;
    height: 1345px;
    background-color: #efefef;
}

.subject-right-up {
    margin-top: 30px;
    border-bottom: 1px solid rgba(96, 97, 99, 0.336);
}

.subject-right-up-p1 {
    float: left;
    padding-left: 15px;
    cursor: pointer;
}

.subject-right-up-p1:hover {
    transform: translateY(-5px);
    transition: all 0.5s;
}

.subject-right-up-p2:hover {
    transform: translateY(-5px);
    transition: all 0.5s;
}

.subject-right-up-p2 {
    float: left;
    padding-left: 15px;
    cursor: pointer;
}


.xzh-subject-right-text {
    margin-top: 20px;
}

.xzh-subject-right-text span{
    padding: 0 40px;
    display: inline-block;
    text-align: center;
    text-indent: 20px;
}

.xzh-skill {
    margin-left: 40px;
}

.xzh-skill h5 {
    font-weight: 800;
}

.xzh-skill p {
    float: left;
    width: 110px;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    text-align: center;
    border-radius: 8px;
    margin-right: 15px;
}

.xzh-language {
    margin-left: 40px;
}

.xzh-language h5 {
    font-weight: 800;
}

.xzh-language p {
    float: left;
    width: 110px;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    text-align: center;
    border-radius: 8px;
    margin-right: 15px;
}

.xzh-user {
    margin-left: 40px;
}

.xzh-user h5 {
    font-weight: 800;
}

.xzh-username-p1,
.xzh-age-p1,
.xzh-tel-p1 {
    float: left;
}

.xzh-username-p2,
.xzh-age-p2,
.xzh-tel-p2 {
    float: right;
}

.xzh-username,
.xzh-age,
.xzh-tel {
    width: 400px;
    margin-top: 30px;
}

/* 荣誉墙 */
.page2 {
    width: 650px;
    margin: 0 auto;
}

.page2-img1,
.page2-img2,
.page2-img3 {
    width: 650px;
    padding: 20px 0;
    /* height: 359px; */
}

.xzh-page2 {
    display: none;
}